<div class="nav" id="sift-home" [ngStyle]="tagData.cssStyle | styleFilter">
    <!--新的样式-->
    <ng-container *ngIf="this.isNewCssType===true; else elseNotNewCssType">
        <ng-container *ngIf="siftArr&&siftArr[0]&&siftArr[0]['cssStyle']!=='semicircle'">
            <ul *ngIf="siftArr&&siftArr[0]" class="clearfix siftList isNewCssType"
                [ngStyle]="siftArr[0]['cssStyle'] | styleFilter">
                <ng-container *ngFor="let item of siftArr">

                    <!--默认 原有的样式-->
                    <ng-container *ngIf="item.link === undefined">
                        <li class="fl default" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>
                    <!--默认 原有的样式 蜂喔1.9.18 -->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='original'">
                        <li class="fl default" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="item.link.params?.singleCssStyle|styleFilter">
                            <span [ngStyle]="item.link.params?.textCssStyle|styleFilter"
                                class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>

                    <!--cssType secondaryLinkage 1.9.0新增样式 行业-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='secondaryLinkage'">
                        <li class="fl secondaryLinkage"
                            [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item,item.link&&item.link.params.cssType)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>

                    <!--cssType multipleSelect3 1.9.0新增样式 全部分类-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='multipleSelect3'">
                        <li class="fl secondaryLinkage"
                            [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item,item.link&&item.link.params.cssType)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>

                    <!--cssType districtLinkage 1.9.0新增样式 区域-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='districtLinkage'">
                        <li class="fl districtLinkage" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item,item.link&&item.link.params.cssType)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>
                    <!--cssType districtLinkage 1.6.15新增样式 区域2-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='districtLinkage2'">
                        <li class="fl districtLinkage" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item,item.link&&item.link.params.cssType)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>

                    <!--cssType streamingLayout 1.9.0新增样式 整租、合租-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='streamingLayout'">
                        <li class="fl streamingLayout" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item,item.link&&item.link.params.cssType)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>

                    <!--cssType streamingLayout 1.9.20 新增样式 是否住家-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='rangeStreamingLayout'">
                        <li class="fl streamingLayout" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item,item.link&&item.link.params.cssType)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>

                    <!--cssType customArea 1.9.0新增样式 面积-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='customArea'">
                        <li class="fl customArea" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item,item.link&&item.link.params.cssType)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>

                    <!--cssType customRent 1.9.0新增样式 租金-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='customRent'">
                        <li class="fl customRent" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item,item.link&&item.link.params.cssType)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>

                    <!--cssType1：有上下两个箭头 例如价格-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='1'">
                        <li class="fl linormal 1"
                            [ngClass]="{'active1':item.active2===true,'active1false':item.active2===false}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title1"
                                [ngClass]="{'activeFont':item.active2===true,'unActiveFont':item.active2===false}">{{item.title}}</span>
                            <div class="liCssType1">
                                <i class="icon icon-up1"></i>
                                <i class="icon icon-down1"></i>
                            </div>
                        </li>
                    </ng-container>

                    <!--cssType5：有上下两个箭头 例如价格 红色-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='5'">
                        <li class="fl linormal 1"
                            [ngClass]="{'active5':item.active2===true,'active5false':item.active2===false}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title5"
                                [ngClass]="{'activeFont':item.active2===true,'unActiveFont':item.active2===false}">{{item.title}}</span>
                            <div class="liCssType1">
                                <i class="icon icon-up5"></i>
                                <i class="icon icon-down5"></i>
                            </div>
                        </li>
                    </ng-container>

                    <!--cssType2：没有箭头-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='2'">
                        <li class="fl linormal 2" [ngClass]="{'activeMiddle':item.active2}" appDebounceClick (debounceClick)="siftEvent(item)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title2"
                                [ngClass]="{'activeFont':item.active2,'unActiveFont':!item.active2}">{{item.title}}</span>
                            <ng-container *ngIf="item.link.params.hiddenDownIcon===undefined">
                                <i class="icon icon-downActiveMiddle"></i>
                            </ng-container>


                        </li>
                    </ng-container>

                    <!--cssType3：单个箭头 绿色 例如综合-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='3'">
                        <li class="fl linormal 3" [ngClass]="{'active3':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title3"
                                [ngClass]="{'activeFont':item.active,'unActiveFont':!item.active}">{{item.title}}</span>
                            <i class="icon icon-down3"></i>
                        </li>
                    </ng-container>


                    <!--cssType4：单个箭头 红色 例如综合-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='4'">
                        <li class="fl linormal 4" [ngClass]="{'active4':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title4"
                                [ngClass]="{'activeFont':item.active,'unActiveFont':!item.active}">{{item.title}}</span>
                            <i class="icon icon-down4"></i>
                        </li>
                    </ng-container>


                    <!--cssType brandLinkage 品牌-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='brandLinkage'">
                        <li class="fl" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item,item.link&&item.link.params.cssType)"
                            [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>



                </ng-container>

            </ul>

            <div class="selectPane clearfix 1" *ngIf="appGlobalService.openBackdrop">
                <div class="divider"></div>

                <!-- 行业 -->
                <ng-container *ngIf="this.cssType==='secondaryLinkage'">
                    <div style="display: flex;">
                        <ul class="content content-lj" id="{{bigNameId}}">
                            <ng-container *ngFor="let indus of firstLevelListNewCssType">
                                <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="bigName f16"
                                    [ngClass]="{'background':indus.background,'checked':indus.checkLen}">
                                    <span>{{indus.label}}</span>
                                    <!--一共 选中了几个-->
                                    <span class="checklen" *ngIf="indus.checkLen">{{indus.checkLen}}</span>
                                </li>
                            </ng-container>
                        </ul>
                        <ul class="smallIndus" class="smallIndus smallIndus-lj" *ngIf="bigIndus">
                            <li *ngFor="let item of bigIndus.children" appDebounceClick (debounceClick)="selectSmallIndus(bigIndus,item)">
                                <span class="smallName f16" [ngClass]="{'checked1':item.selected}">{{item.label}}</span>
                                <!--选中图标-->
                                <img *ngIf="item.selected" class="check-img" src="assets/icon/quick_release_checked_lj@3x.png" />
                                <img *ngIf="!item.selected" class="check-img" src="assets/icon/release_icon_unchecked@3x.png" />
                            </li>
                        </ul>
                    </div>
                </ng-container>

                <!-- 全部行业 -->
                <ng-container *ngIf="this.cssType==='multipleSelect3'">
                    <ng-container *ngIf="this.multipleSelect3ListData!==undefined">
                        <app-multiple-select3-filter [data]="multipleSelect3ListData"
                            [filterName]="multipleSelect3FilterName">
                        </app-multiple-select3-filter>
                    </ng-container>
                </ng-container>
                <!--区域 -->
                <ng-container *ngIf="this.cssType==='districtLinkage2'">
                    <div style="display: flex;">
                        <ul class="content content-lj" id="{{bigNameId}}">
                            <ng-container *ngFor="let indus of firstLevelDistrictListNewCssType2">
                                <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="bigName f16"
                                    [ngClass]="{'background':indus.background,'checked':indus.checkLen}">
                                    <span>{{indus.label}}</span>
                                    <!--一共 选中了几个-->
                                    <span class="checklen" *ngIf="indus.checkLen">{{indus.checkLen}}</span>
                                </li>
                            </ng-container>
                        </ul>
                        <ul class="smallIndus" class="smallIndus smallIndus-lj" *ngIf="bigIndus">
                            <li *ngFor="let item of bigIndus.children" appDebounceClick (debounceClick)="selectSmallIndus(bigIndus,item)">
                                <span class="smallName f16" [ngClass]="{'checked1':item.selected}">{{item.label}}</span>
                                <!--选中图标-->
                                <img *ngIf="item.selected" class="check-img" src="assets/icon/quick_release_checked_lj@3x.png" />
                                <img *ngIf="!item.selected" class="check-img" src="assets/icon/release_icon_unchecked@3x.png" />
                            </li>
                        </ul>
                    </div>
                </ng-container>
                <!--区域 -->
                <ng-container *ngIf="this.cssType==='districtLinkage'">
                    <div style="display: flex;">
                        <ul class="content content-lj">
                            <ng-container *ngFor="let indus of firstLevelDistrictListNewCssType">
                                <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="bigName f16"
                                    [ngClass]="{'background':indus.background,'checked':indus.checkLen}">
                                    <span>{{indus.label}}</span>
                                    <!--一共 选中了几个-->
                                    <span class="checklen" *ngIf="indus.checkLen">{{indus.checkLen}}</span>
                                </li>
                            </ng-container>
                        </ul>
                        <ul class="smallIndus" class="smallIndus smallIndus-lj" *ngIf="bigIndus">
                            <li *ngFor="let item of bigIndus.children" appDebounceClick (debounceClick)="selectSmallIndus(bigIndus,item)">
                                <span class="smallName f16" [ngClass]="{'checked1':item.selected}">{{item.label}}</span>
                                <!--选中图标-->
                                <img *ngIf="item.selected" class="check-img" src="assets/icon/quick_release_checked_lj@3x.png" />
                                <img *ngIf="!item.selected" class="check-img" src="assets/icon/release_icon_unchecked@3x.png" />
                            </li>
                        </ul>
                    </div>
                </ng-container>

                <!--整租 合租-->
                <ng-container *ngIf="this.cssType==='streamingLayout'">
                    <div [ngStyle]="this.data?.link?.params?.listBoxCssStyle|styleFilter">
                        <ng-container *ngFor="let item of streamingLayoutList;let dataIndex = index;">
                            <p class="streaming-title" [ngStyle]="this.data.link.params.titleCssStyle|styleFilter">
                                {{item.title}}
                            </p>
                            <div class="streaming-box" [ngStyle]="this.data.link.params.innerBoxCssStyle|styleFilter">
                                <ng-container *ngFor="let it of item.dropDownList?.item">
                                    <ng-container *ngIf="it.selected===true">
                                        <span class="streaming-span" *ngIf="it.displayName"
                                            appDebounceClick (debounceClick)="selectedType($event,it,item.dropDownList.item,dataIndex,this.data.link.params.singleMode!==undefined)"
                                            [ngStyle]="this.data.link.params.checkCssStyle|styleFilter">{{it.displayName}}</span>
                                    </ng-container>
                                    <ng-container *ngIf="it.selected===false">
                                        <span class="streaming-span" *ngIf="it.displayName"
                                            appDebounceClick (debounceClick)="selectedType($event,it,item.dropDownList.item,dataIndex,this.data.link.params.singleMode!==undefined)"
                                            [ngStyle]="this.data.link.params.normalCssStyle|styleFilter">{{it.displayName}}</span>
                                    </ng-container>
                                </ng-container>
                            </div>
                        </ng-container>
                    </div>
                </ng-container>

                <!--蜂喔用户1.9.20 新增 是否 住房 -->
                <ng-container *ngIf="this.cssType==='rangeStreamingLayout'">
                    <div [ngStyle]="this.data?.link?.params?.listBoxCssStyle|styleFilter">
                        <ng-container *ngFor="let item of rangeStreamingLayoutList;let dataIndex = index;">
                            <ng-container *ngIf="dataIndex===0; else rangeStreamElseTemplate">
                                <p class="streaming-title" [ngStyle]="this.data.link.params.titleCssStyle|styleFilter">
                                    {{item.title}}
                                </p>

                                <div class="streaming-box"
                                    [ngStyle]="this.data.link.params.innerBoxCssStyle|styleFilter">
                                    <ng-container *ngFor="let it of item.dropDownList?.item">
                                        <ng-container *ngIf="it.selected===true">
                                            <span class="streaming-span" *ngIf="it.displayName"
                                                appDebounceClick (debounceClick)="selectLiveAtHome($event,it,item.dropDownList.item,dataIndex,this.data.link.params.singleMode!==undefined)"
                                                [ngStyle]="this.data.link.params.checkCssStyle|styleFilter">{{it.displayName}}</span>
                                        </ng-container>
                                        <ng-container *ngIf="it.selected===false">
                                            <span class="streaming-span" *ngIf="it.displayName"
                                                appDebounceClick (debounceClick)="selectLiveAtHome($event,it,item.dropDownList.item,dataIndex,this.data.link.params.singleMode!==undefined)"
                                                [ngStyle]="this.data.link.params.normalCssStyle|styleFilter">{{it.displayName}}</span>
                                        </ng-container>
                                    </ng-container>
                                </div>
                            </ng-container>
                            <ng-template #rangeStreamElseTemplate>
                                <div class="rangeTitle">
                                    <span class="streaming-title"
                                        [ngStyle]="this.data.link.params.titleCssStyle|styleFilter">
                                        {{item.title}}
                                    </span>
                                    <span class="rangeTips" *ngIf="rangeStreamValue"
                                        [ngStyle]="this.data.link.params.streamTipsCssStyle|styleFilter">{{rangeStreamLower}}点到{{rangeStreamUpper}}点</span>
                                </div>
                                <ion-range step="2" min="6" max="22"
                                    (ionChange)="rangeChangeValue($event, rangeStreamingLayoutList)"
                                    [(ngModel)]="rangeStreamValue" debounce="0" mode="ios" snaps="true" ticks="true"
                                    dualKnobs="true">
                                </ion-range>
                                <div class="rangeScale">
                                    <ng-container *ngFor="let it of item.dropDownList?.item,let scaleLen = index;">
                                        <font class="sacleLabel"
                                            [ngClass]="{'defaultLabel': scaleLen===0||item.dropDownList?.item.length-1===scaleLen}">
                                            {{it.value}}
                                            <ng-container
                                                *ngIf="scaleLen===0||item.dropDownList?.item.length-1===scaleLen">
                                                <font class="defaultLabel">点</font>
                                            </ng-container>
                                        </font>
                                    </ng-container>
                                </div>

                            </ng-template>
                        </ng-container>

                    </div>
                </ng-container>

                <!--面积-->
                <ng-container *ngIf="this.cssType==='customArea'">
                    <div [ngStyle]="this.data?.link?.params?.listBoxCssStyle|styleFilter">
                        <p class="streaming-title" [ngStyle]="this.data.link.params.titleCssStyle|styleFilter">
                            {{this.customAreaList[0].title}}
                        </p>
                        <ng-container *ngIf="!this.data.link.params?.hiddenMinMax">
                            <div class="min-max-box customArea"
                                [ngStyle]="this.data.link.params?.inputBoxCssStyle | styleFilter">
                                <ion-input class="min-max-input"
                                    [ngStyle]="this.data.link.params?.minInputCssStyle | styleFilter" type="number"
                                    onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                    onafterpaste="if((value===''))execCommand('undo')"
                                    onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                                    [(ngModel)]="minInputValue" [maxlength]="this.data.link.params?.minMaxLength"
                                    [attr.placeholder]="this.data.link.params?.minPlaceholder"
                                    appDebounceClick (debounceClick)="customAreaRentClick($event,this.customAreaList)">
                                </ion-input>
                                <span class="middle-flag">至</span>
                                <ion-input class="min-max-input"
                                    [ngStyle]="this.data.link.params?.maxInputCssStyle | styleFilter" type="number"
                                    onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                    onafterpaste="if((value===''))execCommand('undo')"
                                    onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                                    [(ngModel)]="maxInputValue" [maxlength]="this.data.link.params?.maxMaxLength"
                                    [attr.placeholder]="this.data.link.params?.maxPlaceholder"
                                    appDebounceClick (debounceClick)="customAreaRentClick($event,this.customAreaList)">
                                </ion-input>
                            </div>
                        </ng-container>
                        <div class="streaming-box" [ngStyle]="this.data.link.params.innerBoxCssStyle|styleFilter">
                            <ng-container *ngFor="let it of this.customAreaList;let dataIndex = index;">
                                <ng-container *ngIf="it.selected===true">
                                    <span class="streaming-span" *ngIf="it.displayName"
                                        appDebounceClick (debounceClick)="selectedArea($event,it,this.data.link.params.singleMode!==undefined)"
                                        [ngStyle]="this.data.link.params.checkCssStyle|styleFilter">{{it.displayName}}</span>
                                </ng-container>
                                <ng-container *ngIf="it.selected===false">
                                    <span class="streaming-span" *ngIf="it.displayName"
                                        appDebounceClick (debounceClick)="selectedArea($event,it,this.data.link.params.singleMode!==undefined)"
                                        [ngStyle]="this.data.link.params.normalCssStyle|styleFilter">{{it.displayName}}</span>
                                </ng-container>
                            </ng-container>
                        </div>
                    </div>
                </ng-container>

                <!--租金 -->
                <ng-container *ngIf="this.cssType==='customRent'">
                    <div [ngStyle]="this.data?.link?.params?.listBoxCssStyle|styleFilter">
                        <p class="streaming-title" [ngStyle]="this.data.link.params.titleCssStyle|styleFilter">
                            {{this.customRentList[0].title}}
                        </p>
                        <ng-container *ngIf="!this.data.link.params?.hiddenMinMax">
                            <div class="min-max-box customArea"
                                [ngStyle]="this.data.link.params?.inputBoxCssStyle | styleFilter">
                                <ion-input class="min-max-input"
                                    [ngStyle]="this.data.link.params?.minInputCssStyle | styleFilter" type="number"
                                    onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                    onafterpaste="if((value===''))execCommand('undo')"
                                    onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                                    [(ngModel)]="minRentInputValue" [maxlength]="this.data.link.params?.minMaxLength"
                                    [attr.placeholder]="this.data.link.params?.minPlaceholder"
                                    appDebounceClick (debounceClick)="customAreaRentClick($event,this.customRentList)">
                                </ion-input>
                                <span class="middle-flag">至</span>
                                <ion-input class="min-max-input"
                                    [ngStyle]="this.data.link.params?.maxInputCssStyle | styleFilter" type="number"
                                    onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                    onafterpaste="if((value===''))execCommand('undo')"
                                    onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                                    [(ngModel)]="maxRentInputValue" [maxlength]="this.data.link.params?.maxMaxLength"
                                    [attr.placeholder]="this.data.link.params?.maxPlaceholder"
                                    appDebounceClick (debounceClick)="customAreaRentClick($event,this.customRentList)">
                                </ion-input>
                            </div>
                        </ng-container>
                        <div class="streaming-box" [ngStyle]="this.data.link.params.innerBoxCssStyle|styleFilter">
                            <ng-container *ngFor="let it of this.customRentList;let dataIndex = index;">
                                <ng-container *ngIf="it.selected===true">
                                    <span class="streaming-span" *ngIf="it.displayName"
                                        appDebounceClick (debounceClick)="selectedArea($event,it,this.data.link.params.singleMode!==undefined)"
                                        [ngStyle]="this.data.link.params.checkCssStyle|styleFilter">{{it.displayName}}</span>
                                </ng-container>
                                <ng-container *ngIf="it.selected===false">
                                    <span class="streaming-span" *ngIf="it.displayName"
                                        appDebounceClick (debounceClick)="selectedArea($event,it,this.data.link.params.singleMode!==undefined)"
                                        [ngStyle]="this.data.link.params.normalCssStyle|styleFilter">{{it.displayName}}</span>
                                </ng-container>
                            </ng-container>
                        </div>
                    </div>
                </ng-container>

                <!-- 品牌 -->
                <ng-container *ngIf="this.cssType==='brandLinkage'">
                    <div style="display: flex;">
                        <ul class="brand">
                            <ng-container *ngFor="let indus of brandLinkageData">
                                <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="f16 new-brand"
                                    [ngClass]="{'checked2':indus.checkLen}">
                                    <span>{{indus.label}}</span>
                                    <!--一共 选中了几个-->
                                    <img *ngIf="indus.checkLen" class="check-img-new"
                                        src="assets/fw/icon_check@3x_new.png" />
                                </li>
                            </ng-container>
                        </ul>
                    </div>
                </ng-container>

                <!-- 新样式排序 -->
                <ul class="firstLevel sort" *ngIf="firstLevelList" [ngClass]="{'hasSecond':ifSecond}">
                    <ng-container *ngFor="let item of firstLevelList">
                        <!--默认样式-->
                        <ng-container *ngIf="item.cssType === undefined">
                            <li [ngClass]="{'active':item.active}">
                                <div *ngIf="!item.checkShow || item.checkShow===filterType">
                                    <div *ngIf="item.displayName!=='自定义'" class="listItem"
                                        appDebounceClick (debounceClick)="chooseFirstEvent(item)">
                                        {{item.displayName}}<i class="tick-icon" *ngIf="item.active && !ifSecond"></i>
                                    </div>
                                    <div *ngIf="item.displayName==='自定义'" class="listItem">
                                        <span>{{item.displayName}}</span>
                                        <input class="ml10 mr5" type="number" [(ngModel)]="item.min" placeholder="最小" />
                                        <span class="ml5 mr5">-</span>
                                        <input class="ml5 mr10" type="number" [(ngModel)]="item.max" placeholder="最大" />
                                        <span>{{item.unit}}</span>
                                        <button
                                            [ngClass]="{'btn-disable': item.min === undefined && item.max === undefined}"
                                            [disabled]=" item.min === undefined && item.max === undefined"
                                            appDebounceClick (debounceClick)="defineArea(item)">确认</button>
                                    </div>
                                </div>
                            </li>
                        </ng-container>
                        <!--商品列表 综合 -->
                        <ng-container *ngIf="item.cssType === '3'">
                            <li [ngClass]="{'active3':item.active}" class="3">
                                <div *ngIf="!item.checkShow || item.checkShow===filterType">
                                    <div *ngIf="item.displayName!=='自定义'" class="listItem3"
                                        [ngClass]="{'font3':item.active}" appDebounceClick (debounceClick)="chooseFirstEvent(item)">
                                        {{item.displayName}}<i class="tick-icon" *ngIf="item.active && !ifSecond"></i>
                                    </div>
                                    <div *ngIf="item.displayName==='自定义'" class="listItem3"
                                        [ngClass]="{'font3':item.active}">
                                        <span>{{item.displayName}}</span>
                                        <input class="ml10 mr5" type="number" [(ngModel)]="item.min" placeholder="最小" />
                                        <span class="ml5 mr5">-</span>
                                        <input class="ml5 mr10" type="number" [(ngModel)]="item.max" placeholder="最大" />
                                        <span>{{item.unit}}</span>
                                        <button
                                            [ngClass]="{'btn-disable': item.min === undefined && item.max === undefined}"
                                            [disabled]=" item.min === undefined && item.max === undefined"
                                            appDebounceClick (debounceClick)="defineArea(item)">确认</button>
                                    </div>
                                </div>
                            </li>
                        </ng-container>

                        <!--商品列表 综合 红色-->
                        <ng-container *ngIf="item.cssType === '4'">
                            <li [ngClass]="{'active4':item.active}" class="3">
                                <div *ngIf="!item.checkShow || item.checkShow===filterType">
                                    <div *ngIf="item.displayName!=='自定义'" class="listItem3"
                                        [ngClass]="{'font3':item.active}" appDebounceClick (debounceClick)="chooseFirstEvent(item)">
                                        {{item.displayName}}<i class="tick-icon" *ngIf="item.active && !ifSecond"></i>
                                    </div>
                                    <div *ngIf="item.displayName==='自定义'" class="listItem3"
                                        [ngClass]="{'font3':item.active}">
                                        <span>{{item.displayName}}</span>
                                        <input class="ml10 mr5" type="number" [(ngModel)]="item.min" placeholder="最小" />
                                        <span class="ml5 mr5">-</span>
                                        <input class="ml5 mr10" type="number" [(ngModel)]="item.max" placeholder="最大" />
                                        <span>{{item.unit}}</span>
                                        <button
                                            [ngClass]="{'btn-disable': item.min === undefined && item.max === undefined}"
                                            [disabled]=" item.min === undefined && item.max === undefined"
                                            appDebounceClick (debounceClick)="defineArea(item)">确认</button>
                                    </div>
                                </div>
                            </li>
                        </ng-container>
                    </ng-container>
                </ul>

                <!-- 二级筛选 -->
                <ul class="secondLevel" *ngIf="ifSecond">
                    <li *ngFor="let item of secondLevelList" [ngClass]="{'active': item?.active}"
                        appDebounceClick (debounceClick)="chooseSecondEvent(item)">
                        <div *ngIf="item" class="listItem">{{item?.displayName}}<i class="tick-icon"
                                *ngIf="item.active"></i>
                        </div>
                    </li>
                </ul>

                <!-- 重置 确定 蜂喔1.9.19 新增筛选-->
                <div class="footer-bg" *ngIf="this.cssType==='secondaryLinkage'||this.cssType==='districtLinkage'||this.cssType==='districtLinkage2'||
                    this.cssType==='streamingLayout'||this.cssType==='customArea'||this.cssType==='customRent'||
                    this.cssType==='rangeStreamingLayout'||this.cssType==='brandLinkage'">
                    <div class="footer"></div>
                    <div class="btn-bg">
                        <div appDebounceClick (debounceClick)="reset()" class="btn-reset"><i class="btn-reset-i"></i><span class="btn-reset-span">重置</span></div>
                        <div class="btn-sure" appDebounceClick (debounceClick)="dismiss()">确定</div>
                    </div>
                </div>

            </div>
        </ng-container>

        <div class="dateclass" [ngClass]="{'only-date-filter': this.tagData.filterItems.length === 1}"
            *ngFor="let it of siftArrthree">

            <ng-container
                *ngIf="it.dropDownList?.item[0].displayName!=='全部' && it.dropDownList.displayName !== 'newStyle'">
                <div class="dateclass-choose 1">
                    <label class="segment-block">
                        <span class="border-left" [ngClass]="{'nochecked':!ifadvertis,'checked':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick()">{{it.dropDownList?.item[0].displayName}}</span>
                        <span class="border-right" [ngClass]="{'checked':!ifadvertis, 'nochecked':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick()">{{it.dropDownList?.item[1].displayName}}</span>
                    </label>
                </div>

                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="ifadvertis">
                    <div appDebounceClick (debounceClick)="upmonth('month')"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="downmonth('month')"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="!ifadvertis">
                    <div appDebounceClick (debounceClick)="dayclick()"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="dayclick2()"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
            </ng-container>
            <ng-container *ngIf="it.dropDownList?.item[0].displayName==='全部'">
                <div class="dateclass-choose">
                    <label class="segment-block">
                        <span class="border-left" [ngClass]="{'nochecked':!ifadvertis,'checked':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick(it.dropDownList?.item[0].displayName)">{{it.dropDownList?.item[0].displayName}}</span>
                        <span class="border-right" [ngClass]="{'checked':!ifadvertis, 'nochecked':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick(it.dropDownList?.item[1].displayName)">{{it.dropDownList?.item[1].displayName}}</span>
                    </label>
                </div>
                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="!ifadvertis">
                    <div appDebounceClick (debounceClick)="upmonth('month')"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="downmonth('month')"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
            </ng-container>

            <ng-container
                *ngIf="it.dropDownList?.item[0].displayName!=='全部' && it.dropDownList.displayName === 'newStyle'">
                <div class="dateclass-choose-new">
                    <label class="segment-block-new">
                        <span class="segment-block-new-span" [ngClass]="{'nochecked-new':!ifadvertis,'checked-new':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick()">{{it.dropDownList?.item[0].displayName}}</span>
                        <span class="segment-block-new-span"
                            [ngClass]="{'checked-new':!ifadvertis, 'nochecked-new':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick()">{{it.dropDownList?.item[1].displayName}}</span>
                    </label>
                </div>

                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="ifadvertis">
                    <div appDebounceClick (debounceClick)="upmonth('month')"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="downmonth('month')"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="!ifadvertis">
                    <div appDebounceClick (debounceClick)="dayclick()"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="dayclick2()"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
            </ng-container>





            <div class="extendStatus" *ngIf="subFilterItem">
                <li class="fl" [ngClass]="{'active':subFilterItem.active&&appGlobalService.openBackdrop}"
                    appDebounceClick (debounceClick)="siftEvent(subFilterItem)">
                    <span class="sift-title">{{subFilterItem.title}}</span>
                    <i class="icon icon-down"></i>
                </li>
            </div>


        </div>

        <div class="selectPane clearfix 2" *ngIf="subFilterItem&&siftArrthree&&appGlobalService.openBackdrop">
            <div class="divider"></div>
            <ul class="firstLevel" *ngIf="firstLevelList" [ngClass]="{'hasSecond':ifSecond}">
                <li *ngFor="let item of firstLevelList" [ngClass]="{'active':item.active}">
                    <div *ngIf="!item.checkShow || item.checkShow === filterType">
                        <div *ngIf="item.displayName!=='自定义'" class="listItem" appDebounceClick (debounceClick)="chooseFirstEvent(item)">
                            {{item.displayName}}
                            <i class="tick-icon" *ngIf="item.active && !ifSecond"></i>
                        </div>
                        <div *ngIf="item.displayName==='自定义'" class="listItem">
                            <span>{{item.displayName}}</span>
                            <input class="ml10 mr5" type="number" [(ngModel)]="item.min" placeholder="最小" />
                            <span class="ml5 mr5">-</span>
                            <input class="ml5 mr10" type="number" [(ngModel)]="item.max" placeholder="最大" />
                            <span>{{item.unit}}</span>
                            <button [ngClass]="{'btn-disable': item.min === undefined && item.max === undefined}"
                                [disabled]=" item.min === undefined && item.max === undefined"
                                appDebounceClick (debounceClick)="defineArea(item)">确认</button>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="secondLevel" *ngIf="ifSecond">
                <li *ngFor="let item of secondLevelList" [ngClass]="{'active': item?.active}"
                    appDebounceClick (debounceClick)="chooseSecondEvent(item)">
                    <div *ngIf="item" class="listItem">{{item?.displayName}}<i class="tick-icon"
                            *ngIf="item.active"></i>
                    </div>
                </li>
            </ul>
        </div>
    </ng-container>

    <!--旧标签用法-->
    <ng-template #elseNotNewCssType>
        <div class="clearfix siftTypeList" *ngIf="siftTypeArr">
            <!-- cssStyle 商户新样式 -->
            <ng-container *ngIf="siftTypeArr[0]; else oldStyle">
                <li class="siftTypeList-li li-sh" *ngFor="let item of siftTypeArr;let index = index;"
                    [ngStyle]="siftWidth | styleFilter" [ngClass]="{'active-sh': item.active==='1'}"
                    appDebounceClick (debounceClick)="chooseSiftType(item)">
                    {{item.title}}
                </li>
            </ng-container>
            <ng-template #oldStyle>
                <li class="siftTypeList-li" *ngFor="let item of siftTypeArr;let index = index;" [ngStyle]="siftWidth | styleFilter"
                    [ngClass]="{'siftTypeList-active': item.active==='1'}" appDebounceClick (debounceClick)="chooseSiftType(item)">
                    {{item.title}}
                </li>
            </ng-template>

        </div>

        <ng-container *ngIf="siftArr&&siftArr[0]&&siftArr[0]['cssStyle']!=='semicircle'">
            <ul *ngIf="siftArr&&siftArr[0]" class="clearfix siftList" [ngStyle]="siftArr[0]['cssStyle'] | styleFilter">
                <ng-container *ngFor="let item of siftArr">

                    <!--默认 原有的样式-->
                    <ng-container *ngIf="item.link === undefined">
                        <li class="fl" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title">{{item.title}}</span>
                            <i class="icon icon-down"></i>
                        </li>
                    </ng-container>

                    <!--cssType1：有上下两个箭头 例如价格-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='1'">
                        <li class="fl linormal 1"
                            [ngClass]="{'active1':item.active2===true,'active1false':item.active2===false}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title1">{{item.title}}</span>
                            <div class="liCssType1">
                                <i class="icon icon-up1"></i>
                                <i class="icon icon-down1"></i>
                            </div>

                        </li>
                    </ng-container>

                    <!--cssType2：没有箭头-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='2'">
                        <li class="fl 2" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title2">{{item.title}}</span>

                        </li>
                    </ng-container>

                    <!--cssType3：单个箭头 红色 例如综合-->
                    <ng-container *ngIf="item.link&&item.link.params?.cssType==='3'">
                        <li class="fl linormal 3" [ngClass]="{'active3':item.active&&appGlobalService.openBackdrop}"
                            appDebounceClick (debounceClick)="siftEvent(item)" [ngStyle]="{'width': 100/siftArr.length+'%'}">
                            <span class="sift-title3">{{item.title}}</span>
                            <i class="icon icon-down3"></i>
                        </li>
                    </ng-container>
                </ng-container>

            </ul>

            <div class="selectPane clearfix 3" *ngIf="appGlobalService.openBackdrop">
                <div class="divider"></div>

                <ul class="firstLevel" *ngIf="firstLevelList" [ngClass]="{'hasSecond':ifSecond}">
                    <ng-container *ngFor="let item of firstLevelList">
                        <!--默认样式-->
                        <ng-container *ngIf="item.cssType === undefined">
                            <li [ngClass]="{'active':item.active}">
                                <div *ngIf="!item.checkShow || item.checkShow===filterType">
                                    <div *ngIf="item.displayName!=='自定义'" class="listItem"
                                        appDebounceClick (debounceClick)="chooseFirstEvent(item)">
                                        {{item.displayName}}<i class="tick-icon" *ngIf="item.active && !ifSecond"></i>
                                    </div>
                                    <div *ngIf="item.displayName==='自定义'" class="listItem">
                                        <span>{{item.displayName}}</span>
                                        <input class="ml10 mr5" type="number" [(ngModel)]="item.min" placeholder="最小" />
                                        <span class="ml5 mr5">-</span>
                                        <input class="ml5 mr10" type="number" [(ngModel)]="item.max" placeholder="最大" />
                                        <span>{{item.unit}}</span>
                                        <button
                                            [ngClass]="{'btn-disable': item.min === undefined && item.max === undefined}"
                                            [disabled]=" item.min === undefined && item.max === undefined"
                                            appDebounceClick (debounceClick)="defineArea(item)">确认</button>
                                    </div>
                                </div>
                            </li>
                        </ng-container>
                        <!--商品列表 综合 -->
                        <ng-container *ngIf="item.cssType === '3'">
                            <li [ngClass]="{'active3':item.active}" class="3">
                                <div *ngIf="!item.checkShow || item.checkShow===filterType">
                                    <div *ngIf="item.displayName!=='自定义'" class="listItem3"
                                        [ngClass]="{'font3':item.active}" appDebounceClick (debounceClick)="chooseFirstEvent(item)">
                                        {{item.displayName}}<i class="tick-icon" *ngIf="item.active && !ifSecond"></i>
                                    </div>
                                    <div *ngIf="item.displayName==='自定义'" class="listItem3"
                                        [ngClass]="{'font3':item.active}">
                                        <span>{{item.displayName}}</span>
                                        <input class="ml10 mr5" type="number" [(ngModel)]="item.min" placeholder="最小" />
                                        <span class="ml5 mr5">-</span>
                                        <input class="ml5 mr10" type="number" [(ngModel)]="item.max" placeholder="最大" />
                                        <span>{{item.unit}}</span>
                                        <button
                                            [ngClass]="{'btn-disable': item.min === undefined && item.max === undefined}"
                                            [disabled]=" item.min === undefined && item.max === undefined"
                                            appDebounceClick (debounceClick)="defineArea(item)">确认</button>
                                    </div>
                                </div>
                            </li>
                        </ng-container>
                    </ng-container>



                </ul>

                <ul class="secondLevel" *ngIf="ifSecond">
                    <li *ngFor="let item of secondLevelList" [ngClass]="{'active': item?.active}"
                        appDebounceClick (debounceClick)="chooseSecondEvent(item)">
                        <div *ngIf="item" class="listItem">{{item?.displayName}}<i class="tick-icon"
                                *ngIf="item.active"></i>
                        </div>
                    </li>
                </ul>
            </div>
        </ng-container>

        <!--蜂喔app新增二级筛选栏tag-->
        <ng-container *ngIf="switchBlockTag">
            <div id="switchBoxId-home" class="switch-main-box">
                <div class="switch-box" [ngStyle]="switchBlockTag.cssType | styleFilter">
                    <ng-container *ngFor="let item of switchBlockTag.data">

                        <ng-container *ngIf="switchBlockTag.name==='oneCss'">
                            <button id="{{item.id}}" class="home-switch-box-button-oneCss"
                                appDebounceClick (debounceClick)="switchBlockClick(item,'oneCss')"
                                [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'switch-checked-oneCss':item.selected==='true'}">
                                <p class="home-switch-box-label-oneCss"
                                    [ngClass]="{'home-checked-font-oneCss': item.selected==='true'}">
                                    {{item.label}}</p>
                            </button>
                        </ng-container>

                        <ng-container *ngIf="switchBlockTag.name==='twoCss'">
                            <button id="{{item.id}}" class="home-switch-box-button-twoCss"
                                appDebounceClick (debounceClick)="switchBlockClick(item,'twoCss')"
                                [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'switch-checked-twoCss':item.selected==='true'}">
                                <p class="home-switch-box-label-twoCss"
                                    [ngClass]="{'home-checked-font-twoCss': item.selected==='true'}">
                                    {{item.label}}</p>
                            </button>
                        </ng-container>
                    </ng-container>
                    <div class="empty-box">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                </div>
                <div class="switch-block2"></div>
                <div class="switch-block1"></div>
            </div>
        </ng-container>

        <div class="dateclass" [ngClass]="{'only-date-filter': this.tagData.filterItems.length === 1}"
            *ngFor="let it of siftArrthree">

            <ng-container
                *ngIf="it.dropDownList?.item[0].displayName!=='全部' && it.dropDownList.displayName !== 'newStyle'">
                <div class="dateclass-choose 2">
                    <label class="segment-block">
                        <span class="border-left" [ngClass]="{'nochecked':!ifadvertis,'checked':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick()">{{it.dropDownList?.item[0].displayName}}</span>
                        <span class="border-right" [ngClass]="{'checked':!ifadvertis, 'nochecked':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick()">{{it.dropDownList?.item[1].displayName}}</span>
                    </label>
                </div>

                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="ifadvertis">
                    <div appDebounceClick (debounceClick)="upmonth('month')"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="downmonth('month')"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="!ifadvertis">
                    <div appDebounceClick (debounceClick)="dayclick()"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="dayclick2()"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
            </ng-container>
            <ng-container *ngIf="it.dropDownList?.item[0].displayName==='全部'">
                <div class="dateclass-choose">
                    <label class="segment-block">
                        <span class="border-left" [ngClass]="{'nochecked':!ifadvertis,'checked':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick(it.dropDownList?.item[0].displayName)">{{it.dropDownList?.item[0].displayName}}</span>
                        <span class="border-right" [ngClass]="{'checked':!ifadvertis, 'nochecked':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick(it.dropDownList?.item[1].displayName)">{{it.dropDownList?.item[1].displayName}}</span>
                    </label>
                </div>
                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="!ifadvertis">
                    <div appDebounceClick (debounceClick)="upmonth('month')"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="downmonth('month')"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
            </ng-container>

            <ng-container
                *ngIf="it.dropDownList?.item[0].displayName!=='全部' && it.dropDownList.displayName === 'newStyle'">
                <div class="dateclass-choose-new">
                    <label class="segment-block-new">
                        <span class="border-left-new segment-block-new-span" [ngClass]="{'nochecked-new':!ifadvertis,'checked-new':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick()">{{it.dropDownList?.item[0].displayName}}</span>
                        <span class="border-right-new segment-block-new-span"
                            [ngClass]="{'checked-new':!ifadvertis, 'nochecked-new':ifadvertis}"
                            appDebounceClick (debounceClick)="ifadvertisclick()">{{it.dropDownList?.item[1].displayName}}</span>
                    </label>
                </div>

                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="ifadvertis">
                    <div appDebounceClick (debounceClick)="upmonth('month')"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="downmonth('month')"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
                <div id="{{siftDateFilterId}}" class="datechange" *ngIf="!ifadvertis">
                    <div appDebounceClick (debounceClick)="dayclick()"><img src="assets/img/center_icon_arrow_right.png"></div>
                    <div class="daymonth">{{datetext}}</div>
                    <div appDebounceClick (debounceClick)="dayclick2()"><img src="assets/img/center_icon_arrow_left.png"></div>
                </div>
            </ng-container>



            <div class="extendStatus" *ngIf="subFilterItem">
                <li class="fl" [ngClass]="{'active':subFilterItem.active&&appGlobalService.openBackdrop}"
                    appDebounceClick (debounceClick)="siftEvent(subFilterItem)">
                    <span class="sift-title">{{subFilterItem.title}}</span>
                    <i class="icon icon-down"></i>
                </li>
            </div>


        </div>

        <div class="selectPane clearfix" *ngIf="subFilterItem&&siftArrthree&&appGlobalService.openBackdrop">
            <div class="divider"></div>
            <ul class="firstLevel" *ngIf="firstLevelList" [ngClass]="{'hasSecond':ifSecond}">
                <li *ngFor="let item of firstLevelList" [ngClass]="{'active':item.active}">
                    <div *ngIf="!item.checkShow || item.checkShow === filterType">
                        <div *ngIf="item.displayName!=='自定义'" class="listItem" appDebounceClick (debounceClick)="chooseFirstEvent(item)">
                            {{item.displayName}}
                            <i class="tick-icon" *ngIf="item.active && !ifSecond"></i>
                        </div>
                        <div *ngIf="item.displayName==='自定义'" class="listItem">
                            <span>{{item.displayName}}</span>
                            <input class="ml10 mr5" type="number" [(ngModel)]="item.min" placeholder="最小" />
                            <span class="ml5 mr5">-</span>
                            <input class="ml5 mr10" type="number" [(ngModel)]="item.max" placeholder="最大" />
                            <span>{{item.unit}}</span>
                            <button [ngClass]="{'btn-disable': item.min === undefined && item.max === undefined}"
                                [disabled]=" item.min === undefined && item.max === undefined"
                                appDebounceClick (debounceClick)="defineArea(item)">确认</button>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="secondLevel" *ngIf="ifSecond">
                <li *ngFor="let item of secondLevelList" [ngClass]="{'active': item?.active}"
                    appDebounceClick (debounceClick)="chooseSecondEvent(item)">
                    <div *ngIf="item" class="listItem">{{item?.displayName}}<i class="tick-icon"
                            *ngIf="item.active"></i>
                    </div>
                </li>
            </ul>
        </div>
    </ng-template>



</div>

<ng-container *ngIf="showCustomPicker">
    <!-- <ion-item class="post-item"> -->
    <ListItem Picker [extra]="item.checkLabel" [arrow]="'horizontal'" [cascade]="true" [ngModel]="item.value"
        [data]="item.itemList" [formControlName]="item.field" (ngModelChange)="onOk2($event,item)"
        [disabled]="item.isDisabled" appDebounceClick (debounceClick)="inputClick(item)">
        {{item.label}}
    </ListItem>
    <!-- </ion-item> -->
</ng-container>

<!-- <ion-backdrop (ionBackdropTap)="backdropclick()" [tappable]="openFlag" [visible]="openFlag" [stopPropagation]="openFlag"
    [ngClass]="{'showDrop': !openFlag}"></ion-backdrop> -->